html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}

body {
	background: #ebfbff;
}
	
	
canvas {
	background: #fff;
	margin: 20px auto;
	border: 5px solid #E8E8E8;
	display: block;}
article{
	position:absolute;
	top:190px;
	left:150px;
}

* { font-family:tahoma; font-size:12px; padding:0px; margin:0px; }
p { line-height:18px;z-index:5; }
#application{background-image:url(img/bg01.jpg); width:1000px; height:650px; margin-left:125px; opacity:0.9; border-radius:10px;}
#logo{position: absolute; width:230px; height:90px;  left:180px; top:40px; opacity:1; z-index:1; border-radius:8px;}
#content{padding:5px; background:#ddd; border-radius:5px; overflow: scroll;
                   border:1px solid #CCC; top:40px; left:500px; width:500px; height: 400px; z-index: 5; position:absolute; }
#user_box{width:500px; height:40px;z-index: 5; top:500px; left:500px; position:absolute;}
#status{width:88px; display:block; float:left; margin-top:15px; z-index: 5; color:#ffffff;}
#input{border-radius:2px; border:1px solid #ccc; margin-top:10px; padding:5px; width:400px;  z-index: 6;}
#file_upload{position:absolute; left:150px; top: 150px;}
#file_upload input{}
/* #content { padding:5px; background:#ddd; border-radius:5px; overflow: scroll;
           border:1px solid #CCC; margin-top:15px; height: 400px; z-index: 5; }
#input { border-radius:2px; border:1px solid #ccc;
         margin-top:10px; padding:5px; width:400px;  z-index: 5;}
#status { width:88px; display:block; float:left; margin-top:15px; z-index: 5;}
#user_box{width:500px; height:100px;z-index: 5;} */
#show_button{background-image: -webkit-linear-gradient(top, rgb(249, 249, 249) 40%, rgb(227, 227, 227) 70%); 
				background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; 
				border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; 
				border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); 
				border-bottom-color: rgb(153, 153, 153); border-left-color: rgb(153, 153, 153); border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px;
			    border-bottom-right-radius: 3px 3px; border-bottom-left-radius: 3px 3px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; 
			    outline-width: 0px; outline-style: initial; outline-color: initial; white-space: nowrap; -webkit-user-select: none; cursor: pointer; 
			    text-shadow: rgb(255, 255, 255) 1px 1px; font-weight: 700; font-size: 10pt; top:550px; left:820px; position: absolute;}
#reset_canvas{width: 70px; height:20px; float:left;} 
#colorBtn_group{margin-left: 80px; line-height:1.8} 
#colorBtn_group button{width: 30px; height: 18px;}
#change_black{background-color: black}
#change_red{background-color: red}
#change_blue{background-color: blue}
#change_gold{background-color: #FFD700}
#lineHeight{position:absolute; left:223px; top:2px;}
